<template>
  <div class="all-style-bgc">
    <div class="container">
      <div class="text">
        <h1>{{info.ldName}}</h1>
        <h2 class="from-box">
<!--          <div class="mg-16">所属单位：{{info.deptName}}</div>|-->
          <div class="mg-16">上传时间：{{info.createTime}}</div>
        </h2>
        <div class="ql-container ql-snow">
            <el-row>
              <el-col :span="24">
                <!--  direction="vertical" -->
                <el-descriptions column="1" border title=""  direction="vertical"  style="float:left;width:30%;margin-top: 30px;font-size: 14px">
                  <el-descriptions-item span="2" label="">
                    <img :src="info.labImageUrl" alt="" style="width: 300px;height: 278px;border: 0px solid #a3cf62;border-radius: 5px">
                  </el-descriptions-item>
                </el-descriptions>
                <el-descriptions column="2" border title=""  style="width:70%;margin-top: 30px;font-size: 15px;float: left">
                  <el-descriptions-item label="检测项目"><span style="color: #130c0e;font-size: 15px">{{info.ldTypeName}}</span></el-descriptions-item>
                  <el-descriptions-item label="所属实验室"><span style="color: #130c0e;font-size: 15px">{{info.labName}}</span></el-descriptions-item><br>
                  <el-descriptions-item label="设备名称"><span style="color: #130c0e;font-size: 15px">{{info.ldName}}</span></el-descriptions-item>
                  <el-descriptions-item label="设备规格"><span style="color: #130c0e;font-size: 15px">{{info.ldSpecifications}}</span></el-descriptions-item>
                  <el-descriptions-item label="技术指标" span="4" labelStyle="width:20%">
                    {{info.ldTechnicalIndicators}}
                  </el-descriptions-item>
                  <el-descriptions-item label="功能范围" span="4">
                    <span style="color: #281f1d;font-size: 15px">{{info.ldFunction}}</span>
                  </el-descriptions-item>
                  <el-descriptions-item label="存放位置"><span style="color: #130c0e;font-size: 15px">{{info.ldWorkedPlace}}</span></el-descriptions-item>
                  <el-descriptions-item label="启用时间"><span style="color: #130c0e;font-size: 15px">{{info.ldWorkedStart}}</span></el-descriptions-item>
                  <el-descriptions-item label="设备负责人"><span style="color: #130c0e;font-size: 15px">{{info.ldContacts}}</span></el-descriptions-item>
                  <el-descriptions-item label="联系电话"><span style="color: #130c0e;font-size: 15px">{{info.ldPhone}}</span></el-descriptions-item>
                  <el-descriptions-item label="生产厂家"><span style="color: #130c0e;font-size: 15px">{{info.ldMadeComp}}</span></el-descriptions-item>
                </el-descriptions>
              </el-col>
            </el-row>
          <el-divider>设备介绍</el-divider>
          <h3 class="ql-editor" v-html="info.ldInfo"></h3>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getequipmentinfo } from "@/api/api.js";
export default {
  data() {
    return {
      ClassRoonBox: {},
      info:{}
    };
  },
  methods: {
    getinfo(ldId) {
      let data = {
        ldId,
      };
      getequipmentinfo(data).then((res) => {
        console.log(res);
        this.info = res.data
      });
    },
  },
  computed: {

  },

  created() {
    // this.get();
    console.log(this.$route.query.noticeId);
    this.getinfo(this.$route.query.id)
  },
};
</script>

<style lang="less" scoped>
.container {
  width: 1200px;
  margin: 0 auto;
}

/*副导航兰*/
.title-tab {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 54px;
  cursor: pointer;
}

.red {
  color: red;
}

/*问卷调查正文*/
.text {
  background-color: white;
  padding: 44px 60px 121px 60px;
  margin: 0 auto;
}

.text h1 {
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 56px;
  text-align: center;
}

.text h2 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  line-height: 44px;
  text-align: center;
  padding-bottom: 14px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 15px;
}

.text h3 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 32px;
  margin-bottom: 30px;
}

/*静态页面样式 */
.PIC-BOX {
  display: flex;
  justify-content: center;
}

.from-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  .mg-16 {
    margin: 0px 16px;
    height: 30px;
    text-align: center;
  }
}
</style>
